<extend name="public:base"/>

<block name="main">

    <!--<link rel="stylesheet" href="__CSS__/detail.css">-->

    <style>
        /*body{background: #fff}
*/
        /*.nav{border-bottom: 1px solid #ebebeb}*/
        .details .target {
            width: 100%;
            margin: 50px 0;
        }

        .details .target .left {
            float: left;
            width: 758px;
            height: 378px;
            border: 1px solid #ebebeb; /*overflow: hidden;*/
            background: #fff;
            position: relative;
        }

        .details .target .left .title {
            font-size: 16px;
            overflow: hidden;
            height: 40px;
            padding: 20px 0 0 25px;
            border-bottom: 1px solid #ebebeb
        }

        .details .target .left .title p {
            font-size: 25px;
        }

        .details .target .left .title p b {
            font-size: 13px;
            color: #a3a3a3;
            margin: 0 20px 0 10px;
        }

        .details .target .left .title .type {
            padding-right: 20px;
            margin-top: 3px;
            margin-left: 20px
        }

        .details .target .left .title .type img {
            vertical-align: middle;
        }

        .details .target .left .data {
            border-bottom: 1px solid #ebebeb;
            height: 150px;
            overflow: hidden;
            margin: 0 25px
        }

        .details .target .left .data dl {
            float: left;
            width: 170px;
            margin-left: 20px;
            margin-top: 30px;
        }

        .details .target .left .data dl.date {
            width: 80px;
        }

        .details .target .left .data dt {
            height: 40px;
            line-height: 55px;
            font-size: 20px;
        }

        .details .target .left .data dt span {
            font-size: 40px;
            color: #ff711c;
            line-height: 40px
        }

        .details .target .left .data dt b {
            font-size: 18px;
            color: #ff711c
        }

        .details .target .left .data dd {
            font-size: 14px;
            color: #a3a3a3;
            margin-bottom: 10px
        }

        .details .target .left .empty {
            font-size: 500px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -30px;
            color: #dad9d9;
            display: none;
            z-index: 99;
            margin-top: -180px;
            z-index: 999
        }

        /*.details .target .left .empty2{font-size: 100px;position: absolute;top:0;left:50%;margin-left:180px;color: #ff711c;display: none;z-index: 99;margin-top: 60px}*/
        .details .target .left .empty.repay {
            color: #949494
        }

        .details .target .left .data .progress_bar {
            background: #fff;
            width: 70px;
            height: 70px;
            float: left;
            margin: 35px 0 0 70px;
            position: relative;
        }

        .details .target .left .data .progress_bar p {
            position: absolute;
            top: 0;
            width: 70px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 17px;
            color: #ff711c
        }

        .details .target .left .other {
            margin: 0 25px
        }

        .details .target .left .other ol {
            float: left;
            width: 220px;
            margin-top: 25px
        }

        .details .target .left .other ol.f {
            float: left;
            margin-left: 15px;
            margin-right: 50px;
            width: 270px;
        }

        .details .target .left .other ol li {
            font-size: 14px;
            color: #000;
            margin-top: 10px;
        }

        .details .target .left .other ol li b {
            color: #a3a3a3
        }

        .details .target .left .other ol li i {
            vertical-align: middle;
            font-size: 16px;
            color: #adadad;
            margin-top: -2px;
            margin-left: 5px;
        }

        .details .target .left .other .ancun {
            width: 80px;
            font-size: 14px;
            margin-top: 40px;
            float: left;
            margin-left: 10px
        }

        .details .target .left .other .ancun .tips {
            margin-left: 40px
        }

        /*.details .target .left .other .ancun a{color:#00ac82;margin-bottom: 5px;display: block;}*/

        .details .target .right {
            width: 316px;
            height: 378px;
            float: right;
            border: 1px solid #ebebeb;
            background: #fff;
            font-size: 14px;
        }

        .details .target .right .no_login {
            width: 273px;
            margin: 0 auto
        }

        .details .target .right .no_login a.top-til {
            display: block;
            text-align: center;
            font-size: 12px;
            color: #a3a3a3;
        }

        .details .target .right .no_login p {
            color: #a3a3a3;
            font-size: 14px
        }

        .details .target .right .no_login p.p1 {
            margin-top: 50px;
        }

        .details .target .right .no_login p.p2 {
            margin-top: 10px;
            margin-bottom: 20px
        }

        .details .target .right .no_login p.p3 {
            margin: 10px 0 10px 2px
        }

        .details .target .right .no_login p a {
            color: #3aa2fa;
            margin: 0 2px;
        }

        .details .target .right .no_login div {
            height: 38px;
            line-height: 38px;
            border-radius: 5px;
            border: 1px solid #ebebeb;
        }

        .details .target .right .no_login input {
            width: 251px;
            overflow: hidden;
            height: 36px;
            padding: 0 10px;
            font-size: 14px
        }

        .details .target .right .no_login a.btn {
            display: block;
            width: 273px;
            height: 38px;
            background: #ff8a10;
            color: #fff;
            margin: 0 auto;
            text-align: center;
            line-height: 38px;
            border-radius: 3px;
            font-size: 14px
        }

        .details .target .right .investting {
            margin: 20px auto 0 auto;
        }

        .details .target .right .investting .current_money {
            font-size: 14px;
            color: #a3a3a3;
            margin: 0 auto;
            width: 272px;
            min-height: 45px;
        }

        .details .target .right .investting .current_money .money b {
            font-size: 26px;
            color: #ff711c;
            font-family: 'Arial';
            font-weight: normal;
            float: left;
            margin-top: 0px
        }

        .details .target .right .investting .current_money .money b i {
            font-size: 14px;
            font-style: normal;
            font-family: 'å¾®è½¯é›…é»‘'
        }

        .details .target .right .investting .current_money a {
            float: right;
            display: block;
            width: 50px;
            height: 27px;
            line-height: 27px;
            border: 1px solid #3aa2fa;
            color: #3aa2fa;
            text-align: center;
            border-radius: 3px;
            margin-top: 0px
        }

        .details .target .right .investting .current_money a:hover {
            background: #3aa2fa;
            color: #fff
        }

        .details .target .right .investting .invest_money {
            height: 36px;
            width: 272px;
            line-height: 36px;
            margin: 0 auto;
        }

        .details .target .right .investting .invest_money input {
            border: 1px solid #ebebeb;
            /*width: 166px;*/
            height: 36px;
            /*border-right: 0;*/
            /*float: left;*/
            padding: 0 5px
        }

        .details .target .right .investting .invest_money .show_hand {
            float: left;
            width: 90px;
            height: 36px;
            border: 1px solid #ebebeb;
            border-left: 0;
            font-size: 14px;
            line-height: 34px;
            text-align: right;
            color: #7b7b7b;
            cursor: pointer;
        }

        .details .target .right .investting .invest_money .show_hand em {
            font-size: 12px;
            font-style: normal;
            margin-right: 3px
        }

        .details .target .right .investting .invest_money .show_hand i {
            font-style: normal;
            font-family: 'å¾®è½¯é›…é»‘';
        }

        .details .target .right .investting .invest_money .show_hand.on,
        .details .target .right .investting .invest_money .show_hand.on em {
            color: #ff711c
        }

        .details .target .right .investting .add_quan {
            height: 36px;
            line-height: 36px;
            width: 272px;
            margin: 8px auto 0 auto;
        }

        .details .target .right .investting .add_quan input {
            width: 213px;
            float: left;
            border: 1px solid #ebebeb;
            padding: 0 5px;
            height: 36px;
            border-right: 0;
            line-height: 36px
        }

        .details .target .right .investting .add_quan.on input {
            border-color: #ff9695
        }

        .details .target .right .investting .add_quan div {
            font-size: 14px;
            color: #3aa2fa;
            border: 1px solid #ebebeb;
            cursor: pointer;
            text-align: right;
            float: left;
            border-left: 0
        }

        .details .target .right .investting .add_quan.on div {
            border-color: #ff9695;
        }

        .details .target .right .investting .get_money_money {
            color: #a3a3a3;
            font-size: 14px;
            width: 270px;
            margin: 5px auto 0 auto;
        }

        .details .target .right .investting .input_pwd {
            height: 36px;
            line-height: 36px;
            width: 272px;
            margin: 8px auto 0 auto;
        }

        .details .target .right .investting .input_pwd input {
            width: 260px;
            border: 1px solid #ebebeb;
            padding: 0 5px;
            height: 36px;
        }

        .details .target .right .investting .input_pwd.on input {
            border-color: #ff9695
        }

        .details .target .right .investting .jypwd input {
            width: 198px;
            float: left;
            border: 1px solid #ebebeb;
            padding: 0 5px;
            height: 36px;
            border-right: 0;
            line-height: 36px
        }

        .details .target .right .investting .jypwd div {
            font-size: 14px;
            color: #3aa2fa;
            border: 1px solid #ebebeb;
            cursor: pointer;
            text-align: right;
            float: left;
            border-left: 0
        }

        .details .target .right .investting .jypwd a {
            color: #3aa2fa;
            float: right;
        }

        .details .target .right .investting .agree {
            margin: 20px 0 0 22px;
            color: #a3a3a3
        }

        .details .target .right .investting .agree a {
            color: #a3a3a3
        }

        .details .target .right .investting .agree a:hover {
            color: #ff711c;
            text-decoration: underline;
        }

        .details .target .right .investting .input_sub {
            width: 272px;
            margin: 0 auto;
        }

        .details .target .right .investting .input_sub input {
            cursor: pointer;
            width: 270px;
            height: 36px;
            background: #ff8a10;
            color: #fff;
            margin-top: 5px;
            _margin-top: 0px;
            border-radius: 3px
        }

        .details .target .right .investting .input_sub.dis input {
            background: #ccc
        }

        .details .target .right .investting .input_sub.bond input {
            margin-top: 10px;
            _margin-top: 0;
        }

        .details .target .right .investting .input_sub.bond input.dis {
            background: #ccc
        }

        .details .target .right .investting .input_sub input:hover {
            background: #ff711c;
        }

        .details .target .right .investting .input_sub.dis input:hover {
            background: #ccc;
        }

        .details .target .right .investting .dps {
            font-size: 14px;
            color: #585858;
            text-align: center;
            margin-top: 20px
        }

        .details .target .right .investting .dps input {
            margin-right: 5px;
            vertical-align: middle;
        }

        .details .target .right .investting .dps a {
            color: #3aa2fa
        }

        .details .target .right .investting .dps p {
            margin-top: 5px;
            font-size: 12px;
            color: #a3a3a3
        }

        /*æ‰‹æœºä¸“äº«*/
        /*.details .target .right .investting p.ziti{font-size: 14px;color:#ff711c;text-align: center;margin-top: 45px;}*/
        .details .target .right .investting p {
            font-size: 14px;
            text-align: center;
            color: #000;
            margin-top: 25px
        }

        .details .target .right .investting .erweima {
            width: 179px;
            margin: 0 auto;
            height: 176px;
            margin-top: 30px
        }

        .details .target .right .investting .clock.iconfont {
            font-size: 120px;
            color: #a3a3a3;
            margin: 0 0 20px 90px
        }

        .details .target .right .investting .times {
            background: #ff9695;
            width: 270px;
            height: 36px;
            line-height: 35px;
            border-radius: 5px;
            margin: 0 auto;
            margin-top: 10px;
            text-align: center;
            color: #fff;
            font-size: 14px
        }

        .details .target .right .investting .times b,
        .details .target .right .investting .times i,
        .details .target .right .investting .times em {
            font-style: normal;
            font-weight: normal
        }

        .details .target .right .income_get {
            color: #000;
            font-size: 16px;
            text-align: center;
            border-bottom: 1px solid #ebebeb;
            padding: 40px 0 20px 0;
            margin: 0 10px
        }

        .details .target .right .income_get p {
            margin-bottom: 0px
        }

        .details .target .right .income_get b {
            color: #ff711c;
            font-size: 20px;
            font-weight: normal;
        }

        .details .target .right .income_get a {
            font-size: 14px;
            color: #3aa2fa;
            margin-top: 10px;
            display: block;
        }

        .details .target .right .income_get a:hover {
            text-decoration: underline;
        }

        .details .target .right .ranking {
            padding-top: 20px;
            border-bottom: 1px dashed #ebebeb;
            padding-bottom: 10px
        }

        .details .target .right .ranking p {
            position: relative;
            color: #000;
            margin-bottom: 10px
        }

        .details .target .right .ranking em {
            font-size: 20px;
            width: 40px;
            text-align: right;
            margin-right: 5px;
            display: inline-block;
        }

        .details .target .right .ranking em.icon1 {
            color: #ffbc66;
        }

        .details .target .right .ranking em.icon2 {
            color: #ff6666
        }

        .details .target .right .ranking em.icon3 {
            color: #2e89de
        }

        .details .target .right .goto_auto {
            font-size: 14px;
            color: #000;
            text-align: center;
            margin-top: 30px
        }

        .details .target .right .goto_auto a {
            color: #ff8a10;
        }

        .details .target .right .ranking .ranking_list {
            overflow: hidden;
        }

        .details .target .right .ranking .invest_explain {
            height: 38px;
            display: inline-block;
            text-align: left;
            padding: 10px 0 0 75px;
        }

        .details .target .right .ranking .invest_explain p {
            font-size: 12px;
            color: #bcbcbc;
            margin: 0;
        }

        .details .target .right #topContent {
            position: relative;

        }

        .details .target .right a.top-til {
            display: block;
            text-align: center;
            font-size: 12px;
            margin-top: 23px;
            color: #a3a3a3;
        }

        /*åŠ å…¥å…¶å®ƒé¡¹ç›®*/
        .details .target .right .addProject {
            text-align: center;
        }

        .details .target .right .addProject .addProjectA {
            line-height: 300px;
        }

        .details .target .right .addProject .addProjectA a {
            display: inline-block;
            width: 150px;
            text-align: center;
            line-height: 40px;
            color: #ff711c;
            font-size: 14px;
            border: 1px solid #ff711c;
            border-radius: 5px;
        }

        .details .target .right .addProject p {
            line-height: 70px;
            font-size: 12px;
            color: #a3a3a3;
            text-align: center;
            border-top: 1px dashed #ebebeb;
        }

        .target_info {
            margin-bottom: 50px
        }

        .target_info .left {
            width: 760px;
            background: #fff;
            border: 1px solid #ebebeb;
            padding-bottom: 30px;
            float: left;
        }

        .target_info .left .nav1 {
            width: 760px;
            border-bottom: 1px solid #e7e7e7;
            height: 56px;
            background: #fff
        }

        .target_info .left .nav1 ul li {
            float: left;
            width: 120px;
            height: 45px;
            line-height: 45px;
            color: #585858;
            text-align: center;
            border-right: 1px solid #e7e7e7;
            border-bottom: 1px solid #fff;
            margin-top: 5px;
            position: relative;
        }

        .target_info .left .nav1 ul li.on {
            color: #ff711c
        }

        .target_info .left .nav1 ul li.on div {
            height: 1px;
            width: 100%;
            overflow: hidden;
            position: absolute;
            top: -6px;
            background: #ff8a10;
            left: 0
        }

        .target_info .left .pro_info {
            width: 720px;
            margin: 0 auto;
            color: #585858;
            font-size: 14px;
            margin-top: 30px
        }

        .target_info .left .pro_info .t {
            margin: 20px 0 10px 15px;
            color: #000;
            font-weight: bold;
            font-size: 14px
        }

        .target_info .left .pro_info .t i {
            font-size: 12px;
            color: #ff901d;
            margin-right: 5px
        }

        .target_info .left .pro_info .con {
            margin-left: 15px
        }

        .target_info .left .pro_info table {
            width: 100%;
            font-size: 14px
        }

        .target_info .left .pro_info table tr th {
            background: #fafafa;
            height: 40px;
            color: #585858;
            text-align: center;
            font-weight: normal;
        }

        .target_info .left .pro_info table tr td {
            background: #fafafa;
            height: 50px;
            color: #585858;
            text-align: center;
        }

        .target_info .left .pro_info table.table2 tr td {
            height: 40px;
            background: #fafafa;
        }

        .target_info .left .pro_info .tit {
            background: #f6f3f0;
            height: 35px;
            line-height: 35px;
            padding-left: 15px
        }

        .target_info .left .pro_info ol li {
            color: #585858;
            font-size: 14px;
            margin-left: 15px;
            line-height: 25px
        }

        .target_info .left .pro_info .img_list li {
            width: 670px;
            margin: 0 auto;
            border: 1px solid #ebebeb;
            margin-top: 20px
        }

        .target_info .left .pro_info .map {
            width: 670px;
            margin: 0 auto;
            margin-top: 20px
        }

        .target_info .left .pro_info .map_info {
            width: 670px;
            margin: 0 auto;
            font-size: 16px;
        }

        .target_info .left .pro_info .map_info dd {
            margin-top: 5px
        }

        .target_info .left .pro_info .map_info dd .iconfont {
            color: #ff8a10;
            margin-right: 5px;
            float: left;
            display: block;
        }

        .target_info .left .pro_info .map_info dd span {
            float: left;
            width: 645px
        }

        .target_info .right {
            width: 316px;
            border: 1px solid #ebebeb;
            min-height: 506px;
            background: #fff;
            float: right;
            position: relative;
        }

        .target_info .right .record {
            width: 316px;
            font-size: 14px;
        }

        .target_info .right .record .text_left {
            text-align: left;
            padding-left: 20px
        }

        .target_info .right .record .text_left, .text_right p {
            margin-top: 5px;
        }

        .target_info .right .record .text_right {
            text-align: right;
            padding-right: 20px
        }

        .target_info .right .record th {
            width: 50%;
            font-weight: normal;
            height: 56px;
            border-bottom: 1px solid #ebebeb
        }

        .target_info .right .record td {
            border-bottom: 1px dashed #ebebeb;
            padding: 5px 0
        }

        .target_info .right .record td .iconfont {
            color: #ff8a10
        }

        .target_info .right .record td p {
            color: #a3a3a3;
            font-size: 13px
        }

        /*.target_info .right .record_paging a{display: inline-block;float: left;width: 32px;height: 32px;padding: 0;margin-top: 25px}*/
        .target_info .right .record .tips {
            left: -68px;
        }

        .target_info .right .record_paging a {
            display: inline-block;
            width: 23px;
            height: 32px;
            padding: 0;
            margin-top: 20px
        }

        .scroll-top {
            height: 56px;
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            background: #fff;
            border-bottom: 1px solid #ccc;
            _position: absolute;
        }

        .scroll-top ul li {
            float: left;
            width: 120px;
            height: 45px;
            line-height: 45px;
            color: #585858;
            text-align: center;
            border-right: 1px solid #e7e7e7;
            border-bottom: 1px solid #fff;
            margin-top: 5px;
            position: relative;
        }

        .scroll-top ul li.on {
            color: #ff711c
        }

        .scroll-top ul li.on div {
            color: #000;
            height: 1px;
            width: 100%;
            overflow: hidden;
            position: absolute;
            top: -4px;
            background: #ff8a10
        }

        .scroll-top p {
            float: right;
            color: #585858;
            line-height: 56px
        }

        .scroll-top a.now_invest {
            float: right;
            width: 140px;
            height: 36px;
            background: #ff8a10;
            border-radius: 5px;
            line-height: 34px;
            text-align: center;
            color: #fff;
            margin: 10px 30px 0 20px
        }

        .quan_window.layui-layer {
            width: 620px !important;
            max-height: 550px !important;
            background: #fff;
            border-top: 2px solid #ff711c;
        }

        .quan_window .layui-layer-title {
            background: #fff;
            border-bottom-color: #ebebeb;
        }

        .quan_window p {
            color: #585858;
            text-align: center;
            font-size: 12px;
            margin: 10px 0
        }

        .quan_window .list {
            border-top: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            cursor: pointer;
        }

        .quan_window .list li {
            border-bottom: 1px solid #ebebeb;
            height: 90px;
            width: 536px;
            margin: 0 auto;
            overflow: hidden;
        }

        .quan_window .list li .ll {
            width: 435px;
            float: left;
            overflow: hidden;
            margin-top: 15px;
        }

        .quan_window .list li .quan_img {
            width: 120px;
            height: 60px;
            background: url(../images3.1/yhq.png);
            text-align: center;
            color: #fff;
            font-weight: bold;
            font-size: 36px;
            float: left;
            margin-right: 30px;
        }

        .quan_window .list li .quan_img b {
            font-size: 24px
        }

        .quan_window .list li .quan_img em {
            font-style: normal;
        }

        .quan_window .list li .quan_img.yellow {
            background-position: -120px 0
        }

        .quan_window .list li dl {
            font-size: 14px;
        }

        .quan_window .list li dl dd {
            color: #585858
        }

        .quan_window .list li .rr {
            width: 100px;
            float: right;
            margin-top: 15px;
            height: 60px;
            border-left: 1px solid #ebebeb;
            text-align: center;
        }

        .quan_window .list li .rr i {
            margin-top: 12px;
            cursor: pointer;
        }

        .quan_window .list li .rr i.on {
            color: #ff711c
        }

        .quan_window .layui-layer-btn {
            text-align: left;
        }

        .quan_window .layui-layer-btn a {
            display: block;
            width: 308px;
            height: 35px;
            line-height: 35px;
            margin: 20px auto;
            font-size: 14px;
            background: #ff8a10;
            border-color: #ff8a10;
            text-align: center
        }

        .forget_pwd.layui-layer {
            width: 443px !important;
            height: 287px !important;
            background: #fff;
            border-top: 2px solid #ff711c;
        }

        .forget_pwd .layui-layer-title {
            background: #fff;
            border-bottom-color: #ebebeb;
        }

        .forget_pwd p {
            margin: 20px 0 30px 0;
            text-align: center;
            font-size: 15px;
        }

        .forget_pwd ul li {
            font-size: 14px;
            width: 311px;
            margin: 0 auto;
            margin-bottom: 15px;
        }

        .forget_pwd ul li span {
            float: left;
            height: 36px;
            line-height: 36px;
            color: #585858;
        }

        .forget_pwd ul li div {
            float: right;
            height: 36px;
        }

        .forget_pwd ul li div input {
            border: 1px solid #ebebeb;
            width: 198px;
            height: 34px;
            padding: 0 5px;
        }

        .forget_pwd .sub {
            width: 311px;
            margin: 0 auto;
        }

        .forget_pwd .sub input {
            width: 311px;
            height: 35px;
            background: #ff8a10;
            color: #fff;
            font-size: 14px;
            text-align: center;
            border-radius: 5px;
        }

        .record_paging {
            position: absolute;
            bottom: 40px;
            margin-bottom: 0;
            text-align: center;
            font-size: 5px
        }

        .success_show_window {
            width: 543px;
            overflow: hidden;
            border-top: 4px solid #ff711c;
            height: 240px;
        }

        .success_show_window p.p1 {
            font-size: 30px;
            color: #ff711c;
            margin: 50px 0 10px 0;
        }

        .success_show_window p.p1 .iconfont {
            font-size: 40px;
            color: #ff711c;
            vertical-align: middle;
            margin: 0 5px 0 130px
        }

        .success_show_window p.p2 {
            font-size: 14px;
            color: #585858;
            margin-left: 100px;
        }

        .success_show_window p.p2 a {
            color: #3aa2fa;
            margin-left: 30px
        }

        .success_show_window .link_link {
            margin: 20px 0 0 80px
        }

        .success_show_window .link_link a {
            display: inline-block;
            width: 120px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            border: 1px solid #ff711c;
            color: #fff;
            font-size: 14px;
            border-radius: 5px;
        }

        .success_show_window .link_link a.a1 {
            background: #ff711c;
        }

        .success_show_window .link_link a.a2 {
            color: #ff711c;
            margin-left: 30px
        }

        /*çœå¿ƒæŠ•*/
        .sift .target .left .other ol.f {
            margin-right: 76px;
        }

        .sift .target .right .investting .invest_money input {
            width: 272px;
        }

        .sift .target .right .investting .invest_money .show_hand {
            float: right;
            width: 80px;
        }

        .sift .target .right .investting .dps {
            font-size: 14px;
            color: #a3a3a3;
            text-align: center;
            margin-top: 20px;
        }

        .sift .target .right .investting .dps a {
            color: #3aa2fa;
        }

        .sift .target .right .investting .dps .media {
            font-size: 12px;
            color: #a3a3a3;
            text-align: center;
            display: block;
            margin-top: 5px;
        }

        .sift .left .pro_info .details_icon {
            border-bottom: 1px solid #ebebeb;
            padding-bottom: 45px;
        }

        .sift .left .pro_info .details_icon ul {
            overflow: hidden;
            width: 100%;
        }

        .sift .left .pro_info .details_icon ul li {
            float: left;
            text-align: center;
            width: 33.3%;
        }

        .sift .left .pro_info .details_icon ul li div {
            width: 62px;
            height: 62px;
            display: inline-block;
            margin-top: 10px;
            margin-bottom: 5px;
        }

        .sift .left .pro_info .details_icon ul li .sift_bg1 {
            width: 62px;
            height: 62px;
            /*background: url(../images3.1/sift_bg1.png);*/
        }

        .sift .left .pro_info .details_icon ul li .sift_bg2 {
            width: 62px;
            height: 62px;
            /*background: url(../images3.1/sift_bg2.png);*/
        }

        .sift .left .pro_info .details_icon ul li .sift_bg3 {
            width: 62px;
            height: 62px;
            /*background: url(../images3.1/sift_bg3.png);*/
        }

        .sift .left .pro_info .details_icon ul li p {
            font-size: 14px;
            color: #585858;
        }

        .sift .left .pro_info .details_icon ul li b {
            font-size: 12px;
            color: #a3a3a3;
        }

        .sift .left .pro_info .details_intr {
            border-bottom: 1px solid #ebebeb;
            padding-bottom: 35px;
        }

        .sift .left .pro_info .details_intr p {
            font-size: 14px;
            color: #000;
            margin-left: 15px;
            margin: 25px 0 10px 13px;
        }

        .sift .left .pro_info .details_intr li {
            list-style-type: disc;
            color: #585858;
            margin-left: 30px;
        }

        .sift .left .pro_info .details_table {
            padding-top: 25px;
        }

        .sift .left .pro_info .details_table p {
            font-size: 14px;
            color: #000;
            margin-left: 15px;
        }

        .sift .left .pro_info .details_table div {
            padding-left: 15px;
        }

        .sift .left .pro_info .details_table table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 8px;
        }

        .sift .left .pro_info .details_table table th {
            width: 20%;
            color: #a9a9a9;
            border: 1px solid #d8d8d8;
            background-color: #fff;
        }

        .sift .left .pro_info .details_table table td {
            width: 80%;
            height: 40px;
            text-align: left;
            padding-left: 20px;
            color: #585858;
            border: 1px solid #d8d8d8;
            background-color: #fff;
        }

        .sift .left .pro_info .details_table .annota {
            color: #a9a9a9;
            margin: 15px 0 10px;
        }

        .sift .left .safety p {
            color: #262626;
            margin: 25px 0 15px;
        }

        .sift .left .safety li {
            list-style-type: disc;
            margin-left: 17px;
            color: #999;
            line-height: 28px;
        }

        .sift .left .pro_info .tit {
            font-size: 16px;
        }

        .sift .left .pro_info .issue_list {
            padding-bottom: 70px;
        }

        .sift .left .pro_info .issue_list li {
            list-style-type: disc;
            margin-left: 20px;
            color: #585858;
            padding-top: 28px;
        }

        .sift .left .pro_info .issue_list p {
            color: #262626;
        }

        .sift .left .pro_info .issue_list b {
            display: inline-block;
            color: #a9a9a9;
            margin-top: 10px;
        }

        .sift .target .right .income_get {
            border: none;
            padding: 140px 0;
        }

        .sift .target .right .income_get b {
            color: #ff8a10;
        }

        /*çœå¿ƒæŠ•ç»“æŸ*/

        .details .target .right .investting .dps a {
            color: #3aa2fa;
        }

        .details .target .right .investting .dps .media {
            font-size: 12px;
            color: #a3a3a3;
            text-align: center;
        }

        .details .target .right .investting .dps {
            font-size: 12px;
            color: #a3a3a3;
            margin-top: 10px;
            padding-left: 20px;
            text-align: left
        }

        .details .target .right .investting .money {
            text-align: left;
            font-size: 14px;
            color: #a3a3a3;
        }

        .details .target .right .investting .money span {
            color: #ff711c;
            font-size: 20px;
        }

        .details .target .right .investting .sum_money {
            width: 272px;
            margin: 0 auto 5px;
        }

        .details .target .right .investting .sum_money dl {
            float: left;
            width: 135px;
        }

        .details .target .right .investting .sum_money dl dt {
            font-size: 14px;
            color: #a3a3a3;
        }

        .details .target .right .investting .sum_money dl dd {
            font-size: 15px;
            color: #000;
        }

        .details .target .right .investting .sum_money .Tips {
            display: inline-block;
        }

        /*ä½™é¢ä¸è¶³å¼¹çª—*/
        #balance_show_window {
            width: 100%;
            overflow: hidden;
            height: 280px;
            background: #fff
        }

        #balance_show_window .balance_show {
            width: 405px;
            margin: 0 auto;
            color: #585858;
        }

        #balance_show_window .balance_show .balance_show_tlt {
            font-size: 18px;
            text-align: center;
            margin-top: 28px;
        }

        #balance_show_window .balance_show .iconfont {
            font-size: 50px;
            color: #ff711c;
            text-align: center;
            margin-top: 45px;
        }

        #balance_show_window .balance_show p {
            font-size: 12px;
            margin-top: 12px;
            line-height: 22px;
        }

        .balance_show_window {
            border-top: 2px solid #ff711c
        }

        .balance_show_window .layui-layer-title {
            height: 58px;
            line-height: 58px;
            background-color: #fff;
            font-size: 14px;
            color: #000;
        }

        /*çº¦æ ‡å•ç‹¬æ ·å¼*/
        .details .target .appoint .investting {
            margin: 0 auto !important;
        }

        .details .target .appoint .investting .current_money {
            margin: 0 auto;
        }

        .details .target .appoint .investting .money {
            margin-top: 15px;
            font-size: 13px;
        }

        .details .target .appoint .investting .add_quan {
            margin: 6px auto 0 auto;
        }

        .details .target .appoint .investting .input_pwd {
            margin: 6px auto 0 auto;
        }

        .details .target .appoint .investting .current_money a {
            height: 22px;
            line-height: 22px;
            min-height: 46px;
        }

        /*æŠ•èµ„æç¤ºæµ‹è¯„å¼¹çª—*/
        #appraisal_show_window {
            width: 100%;
            overflow: hidden;
            background: #fff
        }

        #appraisal_show_window .appraisal_show {
            width: 405px;
            margin: 0 auto;
            color: #585858;
        }

        #appraisal_show_window .appraisal_show p {
            font-size: 14px;
            margin: 20px 0;
            line-height: 22px;
        }

        #appraisal_show_window .appraisal_show p span {
            color: #ff7400;
        }

        #appraisal_show_window .appraisal_tlt {
            height: 50px;
            line-height: 50px;
            padding: 0 20px;
            background-color: #fff;
            font-size: 14px;
            color: #000;
            border-bottom: 1px solid #d8d8d8;
        }

        #appraisal_show_window .appraisal_tlt a {
            display: inline-block;
            color: #6699FF;
        }

        #appraisal_show_window .appraisal_btn {
            height: 50px;
            line-height: 50px;
            border-top: 1px solid #d8d8d8;
        }

        #appraisal_show_window .appraisal_btn a {
            display: inline-block;
            width: 48%;
            text-align: center;
            color: #000;
            font-size: 14px;
        }

        #appraisal_show_window .appraisal_btn .appr_cancel {
            border-right: 1px solid #d8d8d8;
        }

        .appraisal_show_window {
            border-top: 2px solid #ff711c
        }

        /*çº¢åŒ…æ´»åŠ¨*/
        .success_show_redPacket p.p1 {
            font-size: 30px;
            color: #ff711c;
            margin: 25px 0 10px 0;
        }

        .success_show_redPacket p.p1 .iconfont {
            font-size: 40px;
            color: #ff711c;
            vertical-align: middle;
            margin: 0 5px 0 130px
        }

        .success_show_redPacket .redPacket_a {
            text-align: center;
            padding-top: 20px;
        }

        .success_show_redPacket .redPacket_a a {
            display: inline-block;
            width: 367px;
            height: 111px;
            background: url(../images3.1/pcCar2018.png) no-repeat;
            position: relative;
        }

        .success_show_redPacket .redPacket_a a span {
            display: inline-block;
            width: 30px;
            height: 111px;
            line-height: 110px;
            font-size: 28px;
            color: #ffde81;
            position: absolute;
            top: 0;
            left: 166px;
            text-align: center;
        }

        .success_show_redPacket .link_link {
            margin: 20px 0 0 80px
        }

        .success_show_redPacket .link_link a {
            display: inline-block;
            width: 120px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            border: 1px solid #ff711c;
            color: #fff;
            font-size: 14px;
            border-radius: 5px;
        }

        .success_show_redPacket .link_link a.a1 {
            background: #ff711c;
        }

        .success_show_redPacket .link_link a.a2 {
            color: #ff711c;
            margin-left: 30px
        }
    </style>

    <div class="w1100 details sift">
        <div class="target ">
            <div class="left">
                <div class="title">
                    <p class="font-size: 25px;">{$borrow.borrow_name}</p>
                </div>
                <div class="data">
                    <dl>
                        <dd>约定利率</dd>
                        <dt id="borrowApr">
                            <span>{$borrow.borrow_interest_rate}</span><b>%</b>
                        </dt>
                    </dl>
                    <dl>
                        <dd>还款方式</dd>
                        <dt> 一次性还本付息</dt>
                    </dl>
                    <dl>
                        <dd>起投金额</dd>
                        <dt> {$borrow.borrow_min} 元</dt>
                    </dl>
                    <dl class="date">
                        <dd>赎回周期</dd>
                        <dt>{$borrow.borrow_duration}天</dt>
                    </dl>
                </div>
                <div class="other">
                    <ol class="f">
                        <li class="">
                            <div class=""><b>预计项目总额：</b> 0 元</div>
                        </li>
                        <li class="">
                            <div class=""><b>计息方式：</b>即时投资即时计息</div>
                        </li>
                    </ol>
                    <ol style="width: 240px;">
                        <li><b>赎回周期：</b> 到期即可赎回</li>
                        <li><b>发布时间：</b>{$borrow.update_time}</li>
                    </ol>
                </div>
            </div>

            <div class="right">
                <!-- 未登录 -->
                <if condition="$uid elt 0">
                    <div class="no_login " id="no_login" style="display: block;">

                        <p class="p1">账户可用余额<b id="kyye1"> {$account_money|default='0.00'} <i>元</i></b></p>

                        <p class="p2">请<a id="login_a1" href="{:url('user/passport/login')}">登录</a>或<a
                                href="{:url('user/passport/register')}">注册</a>后查看</p>

                        <div><input type="text" id="nowMoney" placeholder="100元起投" maxlength="9"></div>

                        <p class="p3" id="future_income_div1">参考收益：0.00元</p>

                        <a id="login_a" href="javascript:void(0);" onclick="to_login(this);" class="btn">请登录</a>

                        <a href="####"
                           style="font-size: 12px;color: #a3a3a3;text-align: center;display: block;margin-top: 5px;"
                           target="_blank">市场有风险，购买需谨慎&gt;</a>
                    </div>

                    <else/>

                    <div id="investing" class="investting ">

                        <div class="current_money">
                            账户可用余额
                            <div class="money">
                                <b id="kyye">{$account_money|default='0.00'}<i>元</i></b>
                                <a id="immediately_recharge" href="{:url('user/recharge/index')}" target="_blank">充值</a>
                            </div>
                        </div>

                        <div class="invest_money">

                            <input type="text" placeholder="{$borrow.borrow_min}起投,单笔限额1000000元"
                                   id="amount" name="money" maxlength="9" autocomplete="off">

                        </div>

                        <div class="input_pwd jypwd">
                            <input type="text" placeholder="可获得{$borrow.borrow_name} 0 克" disabled name="gram" value="">
                        </div>

                        <div class="get_money_money" id="future_income_div">参考收益：<span id="future_income">0.00</span>元
                        </div>

                        <div class="input_sub" id="inv_btn">
                            <input style="" id="realPay" type="button" value="立即购买">
                            {:token()}
                        </div>

                        <div class="dps" id="protocol">
                            <input type="checkbox" id="agree" name="agree" value="1" checked>
                            <label for="agree">已阅读并同意 <a target="_blank" href="/">《网络投资风险提示书》</a> </label>
                            <span style="font-size: 12px;color: #a3a3a3;text-align: center;display: block;margin-top: 5px;">市场有风险，购买需谨慎</span>
                        </div>
                    </div>

                </if>


            </div>
        </div>

        <div class="target_info">

            <div class="left">
                <div class="nav1">
                    <ul>
                        <li class="on">项目详情</li>
                        <li>保障措施</li>
                        <li>常见问题</li>
                    </ul>
                </div>
                <div class="pro_info" id="box0">
                    <div class="details_icon">
                        <ul>
                            <li>
                                <div class="sift_bg1"></div>
                                <p class="">省心</p>
                                <b>自动匹配优质资产</b>
                            </li>
                            <li>
                                <div class="sift_bg2"></div>
                                <p>安全</p>
                                <b>资产抵/质押，实现全程风控</b>
                            </li>
                            <li>
                                <div class="sift_bg3"></div>
                                <p>便捷</p>
                                <b>高效便捷的自动投标工具</b>
                            </li>
                        </ul>
                    </div>
                    <div class="details_intr">
                        <p>项目介绍</p>
                        <ul>
                            <li>省心投≠计划类产品。</li>
                            <li>省心投是拓道金服平台推出的自动出借工具。经由出借人授权，通过系统为出借人实现自动投标以提高出借效率。</li>
                            <li>加入省心投产品，即享有自动投标的权益。实际标的匹配成功，即行使出借人的出借权益。</li>
                        </ul>
                    </div>

                </div>
                <div class="pro_info safety" id="box1">
                    <div class="tit">保障措施</div>
                    <div>
                        <p>业务保障</p>
                        <ul>
                            <li>汽车抵押借贷具有实物抵押保障、借款金额少、周期短等显著优势。</li>
                        </ul>
                    </div>
                    <div>
                        <p>风控保障</p>
                        <ul>
                            <li>通过详尽的贷前审查、谨慎的贷中排查、完善的贷后跟踪，进行严格的风险控制，把风险控制渗入每一个环节中。坚持追求所有标的真实、有效，可追溯、可审查。</li>
                        </ul>
                    </div>
                    <div>
                        <p>平台保障</p>
                        <ul>
                            <li>卓越的系统架构：使用稳定高效的阿里云服务器，采用双服务器运行，每15分钟自动备份保存平台数据；</li>
                            <li>管理标准：人员、制度、系统、运营均具备完善的管理标准体系。</li>
                        </ul>
                    </div>
                </div>

                <div class="pro_info" id="box2">
                    <div class="tit">常见问题</div>
                    <ul class="issue_list">
                        <li>
                            <p>1.省心投是怎么计息的？</p>
                            <b>省心投是自动投标工具，只加入省心投未匹配到底层标的资金不计息；加入省心投匹配底层标的资金，当匹配的底层满标复审则开始计息。</b>
                        </li>
                        <li>
                            <p>2.省心投匹配规则？ </p>
                            <b>系统会根据出借时间和标量进行先后匹配，处于冻结中未匹配的资金不计息。</b>
                        </li>
                        <li>
                            <p>3.是否可以及时查看使用省心投出借的标的？</p>
                            <b>加入省心投的资金所匹配的每个标的，都可以在相应的出借详情页查看其具体金额、起止时间以及相关协议。</b>
                        </li>
                        <li>
                            <p>4.省心投的收益来源是什么？</p>
                            <b>省心投仅是自动出借工具，本身并不产生收益，实际收益以及权益以最终所匹配到的标的为准。 </b>
                        </li>
                        <li>
                            <p>5.通过省心投出借的标的是否可以转让？</p>
                            <b>通过省心投所匹配的每一个标的，均可以按照拓道金服债权转让规则进行转让。 </b>
                        </li>
                        <li>
                            <p>6.省心投未匹配成功的资金有收益吗？</p>
                            <b>未匹配成功的资金不产生收益。 </b>
                        </li>
                    </ul>
                </div>
                <div id="box3"></div>
            </div>

            <div class="right">
                <!-- 投资记录 -->
                <table class="record" id="recordTable">
                    <tr>
                        <th class="text_left">加入记录</th>
                        <th class="text_right">已有{$borrow.borrow_counts|default='0'}人加入</th>
                    </tr>

                    <volist name="invest" id="v" key="i">
                        <tr>
                            <td class="text_left">
                                <span class="fl"> {$v.user_name} </span> <br>
                                <p>{$v.create_time}</p>
                            </td>
                            <td class="text_right">{$v.invest_money}元
                                <p>PC端</p>
                            </td>
                        </tr>
                    </volist>

                </table>
                <div class="paging record_paging" style="width: 316px;height: 50px;font-size: 14px">
                    {$page|default=''}
                </div>
            </div>

        </div>

    </div>

    <div class="clear"></div>
    <div class="mt30"></div>

</block>


<block name="js">
    <script type="text/javascript">
        $(function () {

            $('#amount').keyup(function () {

            });

            //购买
            $('#realPay').on('click', function () {

                var account_money = parseFloat($('#kyye').text());
                var min_money = parseInt('{$borrow.borrow_min}');
                if (account_money < min_money) {
                    // alert('账户余额不足，请先充值');
                    layer.msg('账户余额不足，请先充值');
                    return false;
                }

                var params = {
                    borrow_id: '{$borrow.id}',
                    money: parseFloat($('#amount').val()),
                    // pay_pass: $('#pay_pass').val(),
                    __token__: $("input[name='__token__']").val()
                };

                if (params.money < min_money) {
                    // alert('预付款不得小于最小购买金额' + min_money);
                    layer.msg('预付款不得小于最小购买金额' + min_money) ;
                    return false;
                }

                $.post('{:url("index/invest/buy")}', params, function (data) {
                    if (data.code == 1) {
                        // alert(data.msg);
                        layer.msg(data.msg);
                        window.location.reload();
                    } else {
                        // alert(data.msg);
                        layer.msg(data.msg);
                        return false;
                    }

                }, 'json');

                return false;
            });
        });
    </script>

</block>